$(function () {
  // 右下角点击返回顶部

  $(".retop > span").on({
    click: function () {
      $("body, html").stop().animate({
        scrollTop: 0,
      });
    },
  });
  var boxtwoTop = $(".box-four").offset().top - 50;
  console.log(boxtwoTop);
  $(window).scroll(function () {
    if ($(document).scrollTop() >= boxtwoTop) {
      $(".retop > span").fadeIn();
    } else {
      $(".retop > span").fadeOut();
    }
  });

  // 顶部随页面滚动改变样式

  $(window).scroll(function () {
    if ($(document).scrollTop() >= 50) {
      $(".box-one-top").addClass("cur");
      $(".box-one-top p").removeClass("white");
      $(".one-right ul li a").removeClass("white");
    } else {
      $(".box-one-top").removeClass("cur");
      $(".box-one-top p").addClass("white").addClass("black");
      $(".one-right ul li a").addClass("white").addClass("black");
    }
  });

  // 鼠标经过顶部导航栏改变样式

  $(".box-one-tops").on({
    mouseenter: function () {
      $(".box-one-top").addClass("cur");
      $(".box-one-top p").removeClass("white");
      $(".one-right ul li a").removeClass("white");
    },
    mouseleave: function () {
      if ($(document).scrollTop() <= 50) {
        $(".box-one-top").removeClass("cur");
        $(".box-one-top p").addClass("white").addClass("black");
        $(".one-right ul li a").addClass("white").addClass("black");
      }
    },
  });

  // 顶部右边按钮点击添加cur-font类

  $(".one-right ul li a").on({
    click: function () {
      $(this)
        .addClass("cur-fonts")
        .parent()
        .siblings()
        .children()
        .removeClass("cur-fonts");
    },
  });

  // 鼠标移开底部链接去除下划线
  $(".ten-center ul li a").on({
    mouseout: function () {
      $(this).css({
        textDecoration: "none",
      });
    },
  });

  // 方块栏动画效果
  $(".box-four ul li, .box-seven ul li ").on({
    mouseenter: function () {
      $(this).addClass("flexnumber").siblings().removeClass("flexnumber");
    },
  });

  // 扫码关注向左滑动动画

  $(".fixbox-bottom, .attention").on({
    mouseenter: function () {
      $(".attention").css({
        // transition: "5s",
        right: "8.31rem",
        display: "block",
      });
    },
    mouseleave: function () {
      $(".attention").css({
        right: "4.4rem",
        display: "none",
      });
    },
  });

  // $(".attention").on({
  //   mouseenter: function () {},
  // });
});
